<template>
  <div class="imgs_show">
    <fixed-box>
      <template>
        <go-back>
          <template>
            <img src="~assets/images/icon/goback.svg" alt />
          </template>
        </go-back>
      </template>
    </fixed-box>

    <go-top>
      <template>
        <img src="~assets/images/icon/gotop.svg" alt />
      </template>
    </go-top>
    <show :datas="imgs"></show>
  </div>
</template>

<script>

import Show from "components/private/banner_view/BannerShow";
import GoBack from "components/public/goback/GoBack";
import GoTop from "components/public/gotop/GoTop";
import FixedBox from "components/public/fixed_box/FixedBox";
export default {
  name: "BannerView",
  data() {
    return {
      imgs: null,
      index: 0
    };
  },
  methods: {
    request() {
      this.$axios({
        url: "/querybanneritem",
        method:'get',
        params: {
          banner_id: this.params.banner_id
        }
      }).then(res => {
        this.imgs = res;
      });
    }
  },
  computed: {
    params() {
      return this.$route.params;
    }
  },
  components: {
    GoBack,
    FixedBox,
    GoTop,
    Show
  },
  created() {
    this.request();
  }
};
</script>

<style lang="less" scoped>
img {
  width: 100%;
}

.imgs_show {
  .fixedbox {
    top: 0;
  }
}
</style>